<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__CSS__/layui.css"  media="all">
    <script src="__UI__/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<table class="layui-hide" id="flow_list"></table>
    <script>
    layui.use('table', function(){
        var table = layui.table;

        //展示已知数据
        table.render({
            elem: '#flow_list'
            ,cols: [[ //标题栏
                {field: 'id', title: 'ID', width: 80, sort: true}
                ,{field: 'batch_no', title: '支付批次号', width: 190, sort: true}
//                ,{field: 'pay_alipay_account', title: '付款支付宝账号', width: 180}
                ,{field: 'success_num', title: '支付笔数', width: 100}
                ,{field: 'success_pay_money', title: '支付金额', width: 140, sort: true}
//                ,{field: 'fail_num', title: '失败笔数', width: 100}
//                ,{field: 'fail_pay_money', title: '失败金额', width: 160, sort: true}
                ,{field: 'pay_admin_name', title: '处理人', width: 100, sort: true}
                ,{field: 'pay_time', title: '支付时间', width: 200, sort: true}
            ]]
            ,data:{$data}
            //,skin: 'line' //表格风格
            //,even: true
            ,page: true //是否显示分页
//            ,limits: [5, 7, 10]
            ,limit: 10 //每页默认显示的数量
        });
    });
</script>

</body>
</html>